﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ListImage.ascx.cs" Inherits="HCFramework.Product.Detail.Control.ListImage" %>
<div align="center" style="margin-bottom:5px;">
    <asp:HyperLink ID="linkViewMainImage" Target="_blank" runat="server">
        <asp:Image ID="imageMain" class="productMainImage" style="width: 320px; height: 240px;cursor:pointer;" runat="server" />
    </asp:HyperLink>
</div>
<asp:Panel ID="panelListImages" runat="server" align="center">
    <asp:Literal ID="litImageItem" runat="server"></asp:Literal>
</asp:Panel>
<script type="text/javascript">
    $(document).ready(function () {
        $("img.productImage").hover(function () {
            var imageUrl = $(this).attr("src");
            $("img.productMainImage").attr("src", imageUrl);
            $("img.productMainImage").parent().attr("href", imageUrl);
        });
    });
</script>
